/**
 * Created by wxy on 2016/8/1.
 */
$(function () {
    $('.sup-switch-a .tabs ul li').click(function () {
        var $i = $(this).index();
        $('.sup-switch-a .tabs ul li a').removeClass("current");
        $(this).find('a').addClass("current");
        $('.tabs-switch-a-panel').addClass("tabs_none");
        $('.tabs-switch-a-panel').eq($i).removeClass("tabs_none");
    });
    $('.tabs_list li').click(function () {
        var $i = $(this).index();
        $('.tabs_list li a').removeClass('current');
        $(this).find('a').addClass('current');
        $('.fal_tabs_container > div').addClass("tabs_none");
        $('.fal_tabs_container > div').eq($i).removeClass("tabs_none");
        if ($i == 0) {
            $(this).find('a').css("background-color", "#f9f9f9");
        }
    });
    $('.top-container ul li').hover(function () {
        $(this).find('.topbar-leding').css("display", "block");
        $(this).find('.arrow').css("background-position-x", "-25px")
    });
    $('.top-container ul li').mouseleave(function () {
        $(this).find('.topbar-leding').css("display", "none");
        $(this).find('.arrow').css("background-position-x", "")
    });
    $('#header-nav .nav-main li').mouseover(function () {
        $(this).css("border-bottom", "3px solid #15871B");
    });
    $('#header-nav .nav-main li').mouseout(function () {
        $(this).css("border-bottom", "none");
    });
    $('.btn-box-ios').mouseover(function () {
        $('.kehud .btn-box-ios i').addClass('ios-white');
    });
    $('.btn-box-ios').mouseout(function () {
        $('.kehud .btn-box-ios i').removeClass('ios-white');
    });
    $('.btn-box-ard').mouseover(function () {
        $('.kehud .btn-box-ard i').addClass('ard-white');
    });
    $('.btn-box-ard').mouseout(function () {
        $('.kehud .btn-box-ard i').removeClass('ard-white');
    });
    $('.nine-item').hover(function () {
        $(this).css("border-color", "#FD3667");
    });
    $('.nine-item').mouseleave(function () {
        $(this).css("border-color", "");
    });
    var target1 = $('#a_click1');
    var target2 = $('#a_click2');
    $('.click').click(function () {
        if (target1.hasClass('a_click1') && target2.hasClass('a_click2')) {
            target1.removeClass('a_click1');
            target1.addClass('a_click2');
            target2.removeClass('a_click2');
            target2.addClass('a_click1');
            $('.click').css('background-color', '#f0f0f0');
            $('#nav_box').css('display', 'block')
        } else {
            target2.removeClass('a_click1');
            target2.addClass('a_click2');
            target1.removeClass('a_click2');
            target1.addClass('a_click1');
            $('.click').css('background-color', '#E8E8E8');
            $('#nav_box').css('display', 'none')
        }
    });

    $('.mbar-close').click(function () {
        $('.mbar-mod-container').css("left", "-41px");
        $('.mbar-show').css("left", "0px");
    });
    $('.mbar-show').click(function () {
        $('.mbar-mod-container').css("left", "");
        $('.mbar-show').css("left", "");
    });


    //ajax请求
    var num = 0;
    //添加到标签的内容
    var $list = $('.more-ax');

    //滚动条监听事件
    $(window).on('scroll', function () {

        //分页懒加载
        if ($(window).scrollTop() >= $(document).height() - $(window).height()) {
            if (++num < 9) {
                loadData($list, num);
            } else {
                console.log('nodata');
            }
        }
    });
    loadData($list, num);
    function loadData($ele, num) {
        $.ajax({
            url: 'json_super_data/data-' + num + '.json',
            success: function (data) {
                var str = '';
                $.each(data, function (i, item) {
                    str += [
                        '<div class="sup-mod">',
                        '<a href="' + item.URL + '">',
                        '<img src="images/' + item.imageUrl + '.jpg">',
                        '<div class="sup-mod-info">',
                        '<img src="images/' + item.imageUrlS + '.png">',
                        '<div class="sup-mod-intro">' + item.introduce + '</div>',
                        '<div class="sup-mod-disc">',
                        '<strong>' + item.discount + '</strong>折起',
                        '</div>',
                        '</div>',
                        '<div class="sup-mod-fl">',
                        '超级返: <strong>' + item.pre + '</strong>%',
                        '</div>',
                        '</a>',
                        '</div>'
                    ].join("");
                });
                $ele.append(str);
            },
            error: function () {
                layer.msg('已经没有了');
            }
        });

    }
});
